<template>
  <div class="container">
    <div class="swhzSonBottom">
        <div class="swhzSonBottomContainer">
            <div class="swhzSonBottomL">
                <p >请营销顾问来电为您介绍</p>
                <p style="font-weight:100">如有营销需求，请留下联系方式，我们将免费为您答疑</p>
                <input type="text" name="yourName" placeholder="请输入您的姓氏（必填）" class="phClass">
                <input type="text" name="phone" placeholder="请输入您的手机号（必填）" class="phClass">
                <button type="button"><img src="../../assets/img/8-营销顾问来电介绍/1.png" alt="">
                    <span style="margin-left:10px;">营销需求免费答疑</span>
                </button>
            </div>
            <div class="swhzSonBottomR">
                <p class="swhzSonTopTitle">全国免费咨询热线</p>
                <p class="swhzSonTopFu">通过以下方式联系我们，了解更多信息</p>
                <img src="../../assets/img/8-营销顾问来电介绍/2.png" alt="">
                <p >400-800-3683</p>
            </div>
        </div>
	  </div>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.container{
  width:100%;
  margin:0 auto;
  background:#eee;
  background:#f8f9fd;
}

.swhzSonBottomContainer {
  width: 100%;
  overflow: hidden;
  padding: 0 20%;
  box-sizing: border-box;
}
.swhzSonBottomL {
  /*width: 730px;*/
  max-width: 60.8%;
  height: 520px;
  float: left;
  /*margin-left: 20%;*/
}
.swhzSonBottomR {
  width: 275px;
  /*max-width: 23%;*/
  height: 100%;
  float: right;
  text-align: center;
}
.swhzSonBottomL p:nth-child(1) {
  margin-top: 90px;
  margin-left: 75px;
  font-size: 24px;
  color: rgb(34, 34, 34);
}
.swhzSonBottomL p:nth-child(2) {
  margin-top: 20px;
  margin-left: 15px;
  font-size: 16px;
  color: #444;
}
.swhzSonBottomL input {
  display: block;
  width: 460px;
  height: 50px;
  padding-left: 50px;
  background-color: #fff;
  border-radius:4px;
  -moz-box-shadow:0px 0px 16px #D4D4D4; -webkit-box-shadow:0px 0px 16px #D4D4D4; box-shadow:0px 0px 16px #D4D4D4;
  color:#C6C6C6
}
 .swhzSonBottomL input::-webkit-input-placeholder {
color:#C6C6C6
  }
.swhzSonBottomL input:nth-child(3) {
  margin-top: 60px;
  font-size: 18px;
  color: rgb(198, 198, 198);
}
.swhzSonBottomL input:nth-child(4) {
  margin-top: 30px;
  font-size: 18px;
  color: rgb(198, 198, 198);
}
.swhzSonBottomL button {
  width: 228px;
  height: 50px;
  background-color: #ee4041;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  margin-top: 50px;
  margin-left: 114px;
  box-shadow: 0 4px 19px #ed9191;
}
.swhzSonBottomR img {
  margin-top: 67px;
}
.swhzSonBottomR p:nth-child(4) {
  font-size: 36px;
  color: rgb(237, 64, 64);
  margin-top: 55px;
  margin-left:3px;
}
.swhzSonTopTitle {
  font-size: 24px;
  color: rgb(34, 34, 34);
  margin-top: 80px;
}
.swhzSonTopFu {
  font-size: 16px;
  color: rgb(34, 34, 34);
  margin-top: 25px;
  font-weight:100;
  margin-left:2px;
}

/*修改placeholder*/
.phClass::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-size: 16px;
}
.phClass:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 16px;
}
.phClass::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 16px;
}
.phClass:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 16px;
}
</style>


